<template>
  <div>
    <div class="topDIV">
      <SateConfig style="width:49%" />
      <EarthConfig style="width:49%" />
    </div>
    <div class="middleDIV">
      <SateTimeConfig style="width:49%" />
      <InfomationConfig style="width:49%" />
    </div>
    <div class="bottomDIV">
      <InterferenceConfig style="width:49%" />
      <VehicleConfig style="width:49%" />
    </div>
  </div>
</template>

<script>
import SateConfig from './modules/SateConfig'
import EarthConfig from './modules/EarthConfig'
import VehicleConfig from './modules/VehicleConfig'
import SateTimeConfig from './modules/SateTimeConfig'
import InfomationConfig from './modules/InfomationConfig'
import InterferenceConfig from './modules/InterferenceConfig'
export default {
  name: "CommandStarIndex",
  components: {
    SateConfig,
    EarthConfig,
    VehicleConfig,
    SateTimeConfig,
    InfomationConfig,
    InterferenceConfig
  }
}
</script>

<style lang='less' scoped>
.topDIV,
.middleDIV {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.bottomDIV {
  display: flex;
  justify-content: space-between;
}
</style>